<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>申请学生列表</title>
    <style type="text/css">
  table {
      width: 90%;
      background: #6A6AFF;
      margin: 50px auto;
      border-collapse: collapse;/*border-collapse:collapse合并内外边距(去除表格单元格默认的2个像素内外边距*/
  }
th,td {
        height: 25px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #ccc;
}
    th {
        background:#4cae4c;
        font-weight: normal;
    }
        tr {
            background:darkseagreen;
        }
        tr:hover {
            background: #cc0;
        }
        td a {
            color: #06f;
            text-decoration: none;
        }
        td a:hover {
            color: #06f;
            text-decoration: underline;
        }

    </style>
</head>
<body background="/Table.jpg">
<div style="margin-left: 500px">
    <h1 style="color: #4cae4c"> 申请预约心理咨询列表如下</h1>
</div>
<div style="margin-left: 100px">
    <table border="1" >
        <thead>
        <tr style="text-align:center">
            <th style="color: #6A6AFF">学号</th>
            <th style="color: #6A6AFF">姓名</th>
            <th style="color: #6A6AFF">性别</th>
            <th style="color: #6A6AFF">院系</th>
            <th style="color: #6A6AFF">电话</th>
            <th style="color: #6A6AFF">问题</th>
            <th style="color: #6A6AFF">描述</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="l:${lists}">
            <td th:text="${l.id}">123</td>
            <td th:text="${l.name}">张三</td>
            <td th:text="${l.sex}">男</td>
            <td th:text="${l.dept}">计算机系</td>
            <td th:text="${l.tele}">13836396699</td>
            <td th:text="${l.question}">学习类</td>
            <td th:text="${l.description}">考研焦虑</td>
        </tr>
        </tbody>
    </table>
</div>

</body>
</html>